<template>
  <div id="app">
	  <div class="wrapper">
	    <!-- Navbar -->
	    <nav-bar></nav-bar>
	    <!-- /.navbar -->
	    <!-- Main Sidebar Container -->
	    <menu-bar></menu-bar>
	  
	    <!-- Content Wrapper. Contains page content -->
	    <div class="content-wrapper">
	      <!-- Content Header (Page header) -->
	      <!-- Main content -->
	      <section class="content">
			 <router-view></router-view>
	        <!-- /.card -->
	      </section>
	      <!-- /.content -->
	    </div>
	    <!-- /.content-wrapper -->
		<footer-bar></footer-bar>
	    
	  </div>
   
  </div>
</template>

<script>
	import NavBar from "./components/common/navbar_component.vue";
	import MenuBar from "./components/common/menu_component.vue"
	import FooterBar from "./components/common/footer_component.vue"
	export default {
		name:"App",
		components:{
			"nav-bar":NavBar,
			"menu-bar":MenuBar,
			"footer-bar":FooterBar
		}
	}
	
</script>

<style>
 @import url("./assets/plugins/fontawesome-free/css/all.min.css");
 @import url("./assets/css/adminlte.min.css");
 
 .CRSelectedBG {
	 background-color:#B1BBC4;
 }
</style>
